<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Shop order</title>
    <link rel="stylesheet" href="../css/reset.css"/>
    <link rel="stylesheet" href="../css/common.css"/>
    <script src="../js/angular-1.4.6.min.js"></script>
    <script type="text/javascript" src="../js/jquery-1.8.3.min.js"></script>
    <style>
        .r-content{width: 940px;}
        .r-title{border-bottom: 1px solid #d7d7d7;padding-bottom: 15px;}
        .r-title .nav-bar{padding-top: 10px;}
        .r-title .nav-bar a{margin-right: 15px;}
        .r-title .r-search .r-search-btn{width: 100px;height: 35px;line-height: 35px;text-align: center;background-color: #e0e0e0;}
        .r-title .r-search .r-search-btn img{margin-right: 5px;}
        .r-title .r-search input{border: 1px solid #e0e0e0;height: 33px;outline: none;width: 170px;text-indent: 10px;}
        .order-list{}
        .order-list .list-title{line-height: 35px;}
        .order-list .list-title .order-num{display: inline-block;width: 300px;font-size: 14px;color: #726b66;}
        .order-list li{}
        .order-list li{font-size: 14px;margin-top: 30px;border-bottom: 1px solid #d7d7d7;}
        .order-list li table{width: 100%;}
        .order-list li table th{background-color: #f8f8f8;height: 35px;text-align: center;}
        .order-list li table td{text-align: center;padding: 5px 0;}
        .order-list li table .t-title{}
        .order-list li table .t-title .fl{float: left;display: table;}
        .order-list li table .t-title .fl a{width: 120px;height: 120px;display: table-cell;vertical-align: middle;
            text-decoration: none;cursor: default;}
        .order-list li table .t-title .fl img{max-width: 120px;max-height: 120px;}
        .order-list li table .t-title .word-box a{width: 220px;height: 120px;cursor: default;}
        .order-list li table .t-title .word-box p{text-align: left;padding-left: 10px;}

        .order-list li table .t-control2{}
        .order-list li table .t-control2 p{font-size: 12px;}
        .order-list li table .t-control2 p img{vertical-align: middle;margin-right: 5px;}
        .order-list li table .t-control2 div{display: inline-block;margin: 5px 0;color: #fff;width: 75px;height: 25px;text-align: center;line-height: 25px;font-size: 12px;font-weight: bold;}

        .order-list li table .t-control2 a{display: block;text-decoration: none;}
    </style>
</head>
<body ng-app="">
<!--公共头部-->
<div ng-include="'../html/header.html'"></div>
<div class="bread container-fluid">
    <div class="container clear">
        <div class="fl path">
            <p class="fs-18"><em>You are here:&nbsp;</em><span class="bold red text-capitalize">personal center</span></p>
        </div>
        <div class="fr">
            <div class="btn b-red white fs-14 bold">JUMP TO<img src="../img/vimostsports（About-Us-）_03.jpg" alt=""/></div>
            <ul class="list fs-14 text-capitalize">
                <li>
                    <a href="">about us</a>
                </li>
                <li>
                    <a href="">gallery</a>
                </li>
                <li>
                    <a href="">sublimation</a>
                </li>
                <li>
                    <a href="">how to order</a>
                </li>
                <li>
                    <a href="">order process</a>
                </li>
                <li>
                    <a href="">fabric guide</a>
                </li>
                <li>
                    <a href="">blog</a>
                </li>
                <li>
                    <a href="">FAQS</a>
                </li>
                <li>
                    <a href="">customer reviews</a>
                </li>
                <li>
                    <a href="">contact us</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="content container clear mt35">
    <div ng-include="'../html/left_aside.html'"></div>
    <div class="r-content fr">
        <div class="r-title clear">
            <div class="fl nav-bar fs-16 bold text-uppercase">
                <a href="../html/shop_order.html">all orders</a>
                <a href="../html/shop_order2.html">pending payment</a>
                <a class="red" href="javascript:void(0);">receipt of goods</a>
                <a href="../html/shop_order4.html">to be evaluated</a>
            </div>
            <div class="fr r-search clear">
                <input class="fl fs-12" type="text" placeholder="Search"/>
                <div class="fl r-search-btn fs-14 bold"><img src="../img/vimostsports（gerenzhongxin-chanpingdindan)--daifukuan_03.png" alt=""/>SEARCH</div>
            </div>
        </div>
        <ul class="order-list">
            <li class="type2">
                <div class="list-title">
                    <span class="order-num">Order No:2565766876754654</span>
                    <span class="order-time">2015-03-12 12:32:45</span>
                </div>
                <table border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <th style="width: 340px;">Title</th>
                        <th style="width: 120px;">Price(US$)</th>
                        <th style="width: 110px;">Size</th>
                        <th style="width: 120px;">Qty</th>
                        <th style="width: 120px;">Total(US$)</th>
                        <th style="width: 130px;"></th>
                    </tr>
                    <tr>
                        <td class="t-title">
                            <div class="fl img-box">
                                <a href="javascript:void(0);">
                                    <img src="../img/vimostsports（Gallery）_06.jpg" alt=""/>
                                </a>
                            </div>
                            <div class="fl word-box">
                                <a href="javascript:void(0);">
                                    <p class="text-uppercase">baseball hoodies(jh009)</p>
                                    <p class="text-capitalize">add name</p>
                                    <p class="text-capitalize">add number</p>
                                </a>
                            </div>
                        </td>
                        <td class="t-price">
                            <p>$17.80</p>
                            <p>$2 each</p>
                            <p>$2 each</p>
                        </td>
                        <td class="t-size">L</td>
                        <td class="t-qty">1</td>
                        <td class="t-total">$21.8</td>
                        <td class="t-control2">
                            <p class="red"><img src="../img/vimostsports(zhong)_03.png"/>Left:12:34:00</p>
                            <div class="c-type2 b-red">Confirm</div>
                            <a href="javascript:void(0);">Details</a>
                        </td>
                    </tr>
                </table>
            </li>
        </ul>
        <div class="pagination">
            <a href="" class="prev">&lt;</a>
            <a href=""><span>1</span></a>
            <strong><span>2</span></strong>
            <a href=""><span>3</span></a>
            <a href=""><span>4</span></a>
            <a href=""><span>5</span></a>
            <a href="" class="next">&gt;</a>
        </div>
    </div>
</div>
<!--公共底部-->
<div ng-include="'../html/footer.html'"></div>
</body>
<script>
    var aside = setTimeout(function(){
        $('.left-aside .left-link').eq(1).addClass('red');
    },100);
</script>
<script src="../js/scroll_top.js"></script>
</html>